import Vue from "vue";
import VueRouter from "vue-router";
import routes from "./routes";
import { titleController } from "@/utils";

if (!window.VueRouter) {
  // 如果全局存在VueRouter变量, 则表示使用了cdn传统引用方式[生产环境], 因此不需要书写以下代码
  // 这是为了不影响开发环境
  Vue.use(VueRouter); // 使用一个vue插件
}

const router = new VueRouter({
  // 配置
  routes, // 路由匹配规则
  mode: "history", // 路由的模式, history: 通过location.pathname来获取地址
  // mode: "hash", // 路由的模式, history: 通过location.pathname来获取地址
});

router.afterEach((to, from) => {
  if (to.meta.title) {
    titleController.setRouteTitle(to.meta.title);
  }
});

export default router;
